/* 
  style.css contains a reset, font normalization and some base styles.
*/ /* 
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Author: Richard Clark
  http://html5doctor.com/html-5-reset-stylesheet/
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video
	{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article,aside,figure,footer,header,hgroup,nav,section {
	display: block;
}

nav ul {
	list-style: none;
}

blockquote,q {
	quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title],dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

input,select {
	vertical-align: middle;
}

/* END RESET CSS */ /*
fonts.css from the YUI Library: http://developer.yahoo.com/yui/
refer to http://developer.yahoo.com/yui/fonts/ for font sizing
*/
body {
	font: 13px arial, helvetica, "Nimbus Sans L", "Bitstream Vera Sans",
		sans-serif;
	font-size: small;
	font: x-small;
	line-height: 1.22em;
}

table {
	font-size: inherit;
	font: 100%;
}

select,input,textarea {
	font: 99% arial, helvetica, "Nimbus Sans L", "Bitstream Vera Sans",
		sans-serif;
}

pre,code {
	font: 115% monospace; *
	font-size: 100%;
}

/* always force a scrollbar in non-IE */
html {
	overflow-y: scroll;
}

/* make buttons play nice in IE:    
   http://www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {
	width: auto;
	overflow: visible;
}

/* bicubic resizing for non-native sized IMG: 
   http://code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {
	-ms-interpolation-mode: bicubic;
}

/* styling the basics.  
   original author: paul irish
   TODO: consider: http://developer.yahoo.com/yui/base/ */
	/* #444 looks better than black: http://twitter.com/H_FJ/statuses/11800719859 */
body,select,input,textarea {
	color: #444;
}

/* http://www.aestheticallyloyal.com/public/optimize-legibility/ */
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	text-rendering: optimizeLegibility;
}

strong,th {
	font-weight: bold;
}

/* disable because you'll override these anyhow 
  h5 { font-size:85%; margin:8px 0 1px; }
  h4 { font-size:92%; margin:10px 0 2px; } 
  h3 { font-size:107%; margin:13px 0 3px; } 
  h2 { font-size:122%; margin:15px 0 3px; }
  h1 { font-size:136%; margin:0 0 10px; } 
*/
p {
	margin: 15px 0 10px;
}

a,a:active,a:visited {
	color: #222;
}

a:hover {
	color: #036;
}

ul {
	margin-left: 30px;
}

ol {
	margin-left: 30px;
	list-style-type: decimal;
}

small {
	font-size: 85%;
}

td,td img {
	vertical-align: top;
}

/* for image replacement */
.ir {
	display: block;
	text-indent: -999px;
	overflow: hidden;
	background-repeat: none;
}

/* Hide for both screenreaders and browsers */
.hidden {
	display: none;
	visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders 
   http://www.webaim.org/techniques/css/invisiblecontent/ */
.visuallyhidden {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.invisible {
	visibility: hidden;
}

/* >> CLEARFIX << */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End clearfix */ /* These selection declarations have to be separate.
   No text-shadow http://twitter.com/miketaylr/status/12228805301 */
::-moz-selection {
	background: #FF5E99;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #FF5E99;
	color: #fff;
	text-shadow: none;
}

/* http://j.mp/webkit-tap-highlight-color */
a:link {
	-webkit-tap-highlight-color: #FF5E99;
}

/* inline'd print styles avoid required HTTP connection http://www.phpied.com/delay-loading-your-print-css/ */
	/* Original Author: Divya Manian */
@media print {
	* {
		background: transparent !important;
		color: #444 !important;
		text-shadow: none;
	}
	a,a:visited {
		color: #444 !important;
		text-decoration: underline;
	}
	a:after {
		content: " (" attr(href) ")";
	}
	abbr:after {
		content: " (" attr(title) ")";
	}
	pre,blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	@page {
		margin: 0.5cm;
	}
	p,h2,h3 {
		orphans: 3;
		widows: 3;
	}
	h2,h3 {
		page-break-after: avoid;
	}
}

@media all and (orientation:portrait) {
	/* Style adjustments for portrait mode goes here */
}

@media all and (orientation:landscape) {
	/* Style adjustments for landscape mode goes here */
}

@media screen and (max-device-width: 480px) {
	/* All Capable Mobile Browser (Opera Mobile, iPhone Safari, Android Chrome) CSS goes here */
	html {
		-webkit-text-size-adjust: none;
	} /* Prevent iPhone from adjusting font size */
	h1,h1 span {
		font-style: italic;
	}
}

.wrapper {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: 20px 0 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 20px 0 0 rgba(0, 0, 0, 0.5);
	box-shadow: 20px 0 0 rgba(0, 0, 0, 0.5);
	background-color: rgba(0, 0, 0, 0.3);
	border: 20px solid rgba(0, 0, 0, 0.1);
	margin: 0 auto;
	padding: 20px;
	width: 960px;
}

body {
	color: rgba(0, 0, 0, 0.6);
	background: url(/medias/bg.gif) repeat scroll 0 0 transparent;
	font-family: DejaVu Sans, Bitstream Vera Sans, Segoe UI, Lucida Grande, Verdana, Tahoma, Arial, sans-serif;
}

#header,#footer {
	font-weight: bold;
	margin-bottom: 20px;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
	position: relative;
}

#footer {
	margin-top: 20px;
}

#container {
	width: 854px;
	margin: 20px auto 0;
}

h1,h2 {
	font-family: "Droid Serif", Cambria, Georgia, Palatino,
		"Palatino Linotype", "Myriad Pro", Serif;
}

h1 {
	color: #3F3F3F;
	font-size: 15em;
	font-weight: bold;
	letter-spacing: -8px;
	line-height: 1em;
	margin: -16px 0;
}

#header span {
	float: right;
	font-size: 2.3em;
	font-style: italic;
	white-space: nowrap;
}

.dsign-logo {

}

.jamli-logo {
	width : 32px;
}

.copyright {
	font-style: italic;
	font-weight: normal;
}

.badge {
	background: url("/medias/badge.png") no-repeat scroll left top
		transparent;
	height: 140px;
	position: absolute;
	right: 0;
	top: 0px;
	width: 140px;
}

#cta-wrap {
	text-align: center;
}

.cta, .cta-border {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

.cta span {
	font-size:10px;
}

.cta {
	text-shadow:1px 1px 0 rgba(255, 255, 255, 0.6);
	background: url("/medias/cta-bg.png") repeat scroll 0 0 #FFFFDD;
	border: 1px solid #DDDDDD;
	cursor: pointer;
	display: inline-block;
	font-size:120%;
	font-weight: bold;
	line-height: 47px;
	padding: 0 15px;
	text-decoration: none;
	margin:1.5em;
}

img {
	vertical-align:middle;
}


.cta-border {
	background-color:rgba(0, 0, 0, 0.6);
	border:1px solid #DDDDDD;
	display:inline-block;
}